<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>TCL官方网站</title>
	<link rel="stylesheet" href="common/css/global.css">

</head>
<body>
	<div class="productPurchase">
		<!--TOP START-->
		<div class="top">
			<div class="productPurchase-top">
				首页 / 商城 / 企业影院 / 开通会员
			</div>
		</div>
		<!--TOP END-->
		
		<!-- purchase html start -->
		<div class="box purchase clearfloat">
			<div class="purc-l">
				<div class="purc-img">
					<div class="item active"><img src="common/img/purchase01.jpg"></div>
					<div class="item"><img src="common/img/purchase02.jpg"></div>
					<div class="item"><img src="common/img/purchase03.jpg"></div>
				</div>
			</div>
			<div class="purc-r">
				<div class="purc-text">
					<h3 class="purc-name">企鹅影院  开通会员 </h3>
					<div class="purc-item">月省百元电影票钱，热剧更新快人一步，提前观看精彩内容 </div>
					<div class="purc-item mt5 gray">还在因广告烦躁？开通会员视频点击即看，月省万秒看广告时间！</div>
				</div>
				<div class="purc-text">
					<p><strong class="bold">价格：</strong> <i class="red">￥<em class="font30">1099</em></i></p>
				</div>
	
				<div class="purc-text">
					<div class="sele"><strong>选择卡片</strong></div>
					<div class="options tow">
						<span class="square">电子卡片</span>
					</div>
				</div>
	
				<div class="purc-text">
					<div class="sele"><strong>选择尺寸</strong></div>
					<div class="options">
						<span class="square">一个月25元</span>
						<span class="square">3个月60元</span>
						<span class="square">12个月199元</span>
					</div>
				</div>
				
				<div class="purc-text">
					<div class="select j-select">
						<input type="text" class="val" value="1" />
						<div class="mun">
							<span class="add">&#xe639;</span>
							<span class="reg">&#xe608;</span>
						</div>
					</div>
				<div class="purc-text" style="display: inline;">
					<button class="buy">立即开通</button>
				</div>
			</div>
			<div class="purc-text" style="border-bottom: 0;">
				<div class="purc-item gray">服   务： 由 TCL 发货并提供售后服务 11:00前完成下单,预计(12月11日)送达</div>
				<div class="purc-item mt5"><span>配送到： 电子卡片购买后及时发送至手机</span><em class="arrow"></em>          有货</div>
			</div>
		</div></div>
		<!-- purchase html end -->
		<!-- tied in sale html start-->
		<div class="box border">
			<div class="sale">
				<div class="bottom-title">企鹅影院  会员权益</div>
				<a href="javascript:void(0);" class="knowMore">深入了解 ></a>
				<div class="bottom-img">
					<img src="common/img/bottom-img.png"/>
				</div>
				<div class="telescopic">
					<div class="close down">&#xe639;</div>
					<div class="telescopic-title">商品参数（使用规则）</div>
					<div class="telescopic-info">
						<p>1.  每一个企鹅影视会员可以在一台手机、一台PC、一台Pad上同时享受服务（影院以产品推出后规则定义为准），不支持同类型的多设备（例如两台手机）同时享用服务，若有需求，需购买相应同等数量的乐视乐次元影视会员服务。</p>
						<p>2.  为了考虑用户的安全和隐私，请勿与他人共享账号，请勿将自己的账号和密码告诉他人，否则系统将会对异常使用的账号自动冻结。如遇此情况，请拨打客服电话解决，以保障自身隐私安全。</p>
						<p>3.  tcl只对官方渠道和官方授权渠道销售的影视会员卡负责，请勿从非官方渠道购买影视会员服务，否则无法保障乐视乐次元影视会员利益。</p>
						<p>4.  所有的影视会员服务将会根据市场需要略做调整更新，通过不断迭代改进的方式为用户提供优质体验。</p>
					</div>
				</div>
				<div class="telescopic">
					<div class="close down">&#xe639;</div>
					<div class="telescopic-title">售货服务</div>
					<div class="telescopic-info">
						<p>1、亲爱的用户：订单支付成功后，请前往“我的订单”页面选择会员充值账号（第三方账号须首先绑定手机或邮箱），完成后即开通会员服务。如您在30日内未进行操作，系统将自动充入您下单时使用的乐视账号。</p>
						<p>2、影视会员等虚拟商品激活或开通后不支持退货。</p>
						<p>3、如购买的会员等虚拟商品需要开具发票，请联系客服。</p>
						<p>4、本规则由TCL商城依法解释。</p>
						<p>5、客服电话：1010-9000。</p>
					</div>
				</div>
			</div>
		</div>
		<!-- tied in sale html end-->
		<!-- go to top html-->
		<div class="goTop"><a href="#"></a></div>
		<!-- go to top html-->
	</div>
</body>
<script type="text/javascript" src="common/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(document).on('click','.telescopic .close',function(){
			if($(this).hasClass('down')){
				$(this).removeClass('down').addClass('up');
				$(this).next().next().slideUp();
			}else if($(this).hasClass('up')){
				$(this).removeClass('up').addClass('down');
				$(this).next().next().slideDown();
			}
		});
	});
</script>
</html>